<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>个人中心-财务管理</title>
<link rel="stylesheet" href="css/index.css"/>
<script src="js/jquery-2.2.0.min.js" type="text/javascript"></script>
<script src="js/index.js" type="text/javascript"></script>
</head>

<body>
<div class="wuyoujianli_header">
	<div class="wuyoujianli_nav">
		<span class="wuyoujianli_nav1">小明</span>　<a href="dlym.html">退出</a>　|　<a href="index.html">首页</a>　|　<a href="gr-jindu.html">个人中心</a>
	</div>
</div>
<div class="header-b">
   <div class="inner">
	   <div class="logo">
		   <img src="images/header_03.jpg">
	   </div>
	   <div class="tel" style="float: right;">
		   <img src="images/header_14.jpg">
	   </div>
   </div>
</div>
<div class="daohang" style="margin-bottom: 40px;">
	<ul class="daohang1">
	   <a href="index.html"><li>首页</li></a>
	  <a href="zzgz.html"><li>查找工作</li></a>
	  <a href="xmhz.html"><li>项目合作</li></a>
	  <a href="gr-jindu.html"><li class="xuanzhong">会员中心</li></a>
	  <a href="flyz.html"><li>法律援助</li></a>
	  <a href="sqdk.html"><li>申请贷款</li></a>
	  <a href="zzfw.html"><li>增值服务</li></a>
	  <div class="clearfix"></div>  
	</ul>
</div>
<div class="inner">	
	<div class="small_nav">
		<div class="small_nav_title">个人中心</div>
		<a href="gr-jindu.html"><div class="small_nav_word">已报名职位</div></a>
		<a href="gr-jlgl.html"><div class="small_nav_word">简历管理</div></a>
		<a href="gr-tgzj.html"><div class="small_nav_word small_nav_color">财务管理</div></a>
		<a href="gr-zhgl.html"><div class="small_nav_word">账户管理</div></a>
		<a href="gr-mima.html"><div class="small_nav_word">密码管理</div></a>
	</div>
	<div class="content">
		<div class="data">
			<div class="data1">
				<img src="images/touxiang.png" alt="">
			</div>
			<div class="data2">
				<div class="data3">尚泽</div>
				<div class="data4">
					<div class="data5">男</div>
					<div class="data6">
						<img src="images/shuxian.jpg" alt="">
					</div>
					<div class="data5">28岁</div>
					<div class="data7">
						<img src="images/shuxian.jpg" alt="">
					</div>
					<div class="data8">
						<img src="images/dingwei.png" alt="">
					</div>
					<div class="data5">临沂</div>
				</div>
				<div class="gekai"></div>
				<div class="data9">15589645123</div>
				<input type="text" class="data10" value="15589645123" id="beigai" readonly size="15">
				<div class="data11" id="xiugai">【修改】</div>
				<div class="data11" id="baocun" style="display: none;">【保存】</div>
			</div>
			<div class="clearfix"></div>
		</div>
		<div class="remind">
			<div class="remind1">
				<img src="images/xiaxian.jpg" alt="">
				就业风险提醒
			</div>
			<!--新的-->
			<table height="200" class="cailiao" cellpadding="0" cellspacing="0" width="700">
				<tr>
					<td class="cailiao3">　　一、骗取报名费：收费报名、拖延不退。</td>
					<td class="cailiao3">　　二、骗取考试费：收费考试、不予通过。</td>
				</tr>
				<tr>
					<td>　　三、骗取培训费：虚假职位、收费培训。</td>
					<td>　　四、骗取资料费：虚假职位、收费办证。</td>
				</tr>
				<tr>
					<td class="cailiao3">　　五、骗取个人信息：办高息贷款、银行信用卡。</td>
					<td class="cailiao3">　　六、大包落地：前期不收费、下了飞机、身不由己。</td>
				</tr>
				<tr>
					<td>　　七、碰签模式：广收护照碰运气、谁的通过收谁钱。</td>
					<td>　　八、无息借款：虚假职位100%退款、至少半年给予退还。</td>
				</tr>
				<tr>
					<td class="cailiao1"></td>
					<td class="cailiao2" style="">　　　客服咨询电话:</td>
				</tr>
			</table>
		</div>
		<div class="remind">
			<div class="remind1">
				<img src="images/xiaxian.jpg" alt="" class="bd-img">
				<p>财务管理</p>
			</div>
			<div class="gl-t">
				<p>平台统一结算账号：</p>
				<ul>
					<li>户名： 临沂尚泽网络有限公司</li>
					<li>账号： 62179945623548655662</li>
					<li>开户行地址： 山东省临沂市兰山区xx支行</li>
				</ul>
			</div>
			<div class="gl-b">
				<p>账户资金：</p>
				<ul>
					<li>账户资金余额：<span>20000</span>元</li>
				</ul>
				<div class="sqtk2" id="quxiao">申请退款</div>
				<button class="ckxx">查看明细</button>
			</div>
			
		</div>
	</div>
	<div class="clearfix"></div>
</div>
<div class="dibu">
		<div class="dibu1">
			<div class="dibu2">
				<img src="images/footer_29.jpg" alt="">
			</div>
			<div class="dibu3">
				<div>网站资质　|　备案　|　法律声明　｜　<a href="yinsiquan.html">隐私权政策</a></div>
				<div>未经同意，不得转载本网站之所有招聘信息及作品　|　火星人才网版权所有©2017-3017</div>
				<div>地址：沈阳市沈河区　服务热线：400-024-5880　邮箱：175969151@163.com</div>
			</div>
		<div class="clearfix"></div>
		</div>
	</div>
<div class="gr_bm" id="baoming">
	<div class="gr_bm1">
		<div class="gr_bm2">
		<img src="images/czgz-gb.png" alt="" id="gb">
			<div style="padding-left: 20px;">申请退款</div>
		</div>
		<div>
			<div class="gr_caiwu_kk">扣款：</div>
			<div class="gr_caiwu_je"><span>800</span>元</div>
			<div class="clearfix"></div>
		</div>
		<div>
			<div class="gr_caiwu_kk2">应退金额：</div>
			<div class="gr_caiwu_je2"><span>2000</span>元</div>
			<div class="clearfix"></div>
		</div>
		<div class="gr_caiwu_xx">请详细确认扣款及应退金额，有疑问致电客服400-024-5880</div>
		<div class="gr_caiwu_qr">
			<div class="gr_caiwu_qr1">确认</div>
			<div class="gr_caiwu_qr2" id="gb2">取消</div>
			<div class="clearfix"></div>
		</div>
	</div>
</div>
<div class="gr_ckxx">
	<div class="gr_ckxx2">
		<div class="gr_ckxx_top">
			<div class="gr_ckxx_topleft">账户资金明细</div>
			<div class="gr_ckxx_topright">
				<img src="images/czgz-gb.png" alt="">
			</div>
		</div>
		<div class="g_ckxx_center">
			<ul class="g_ckxx_center1">
			<li>日期</li>
			<li>事项</li>
			<li>收支金额（元）</li>
		</ul>
			<ul class="g_ckxx_center2">
				<li>2017-08-01（四川泓诚人力资源服务有限公司一部）</li>
				<li>购买机票</li>
				<li>-500元</li>
			</ul>
			<ul class="g_ckxx_center2">
				<li>2017-08-01（四川泓诚人力资源服务有限公司一部）</li>
				<li>购买机票</li>
				<li>-500元</li>
			</ul>
			<ul class="g_ckxx_center2">
				<li>2017-08-01（四川泓诚人力资源服务有限公司一部）</li>
				<li>购买机票</li>
				<li>-500元</li>
			</ul>
			<ul class="g_ckxx_center2">
				<li>2017-08-01（四川泓诚人力资源服务有限公司一部）</li>
				<li>购买机票</li>
				<li>-500元</li>
			</ul>
			<ul class="g_ckxx_center2">
				<li>2017-08-01（四川泓诚人力资源服务有限公司一部）</li>
				<li>购买机票</li>
				<li>-500元</li>
			</ul>
			<ul class="g_ckxx_center2">
				<li>2017-08-01（四川泓诚人力资源服务有限公司一部）</li>
				<li>购买机票</li>
				<li>-500元</li>
			</ul>
			<div class="clearfix"></div>
		</div>
		<div class="g_ckxx_footer">
			更多
		</div>
	</div>
</div>
<script>
		var xiugai=document.getElementById('xiugai');
		var beigai=document.getElementById('beigai');
		var baocun=document.getElementById('baocun');
		var quxiao=document.getElementById('quxiao');
		var gb=document.getElementById('gb');
		var gb2=document.getElementById('gb2');
		var baoming=document.getElementById('baoming');
	var dian=function(){
		beigai.readOnly=false;
		beigai.style.borderBottom="solid 1px #aaa";
		xiugai.style.display="none";
		baocun.style.display="block"; 
	}
	var ji=function(){
		beigai.style="readOnly";
		beigai.style.borderBottom="none";
		xiugai.style.display="block";
		baocun.style.display="none";
	}
	xiugai.onclick=function(){
		dian()
	}
	baocun.onclick=function(){
		if(beigai.value.length<11){
			alert('请输入号码');
		}else if(beigai.value.length>11){
			alert('请输入正确的号码');
		}else{
		ji();
		}
	}
	quxiao.onclick=function(){
		baoming.style.display="block";
	}
	gb.onclick=function(){
		baoming.style.display="none";
	}
	gb2.onclick=function(){
		baoming.style.display="none";
	}
</script>
<script>
	$('.ckxx').click(function(){
		$('.gr_ckxx').show();
	})
	$('.gr_ckxx_topright').click(function(){
		$('.gr_ckxx').hide();
	})
	
</script>
</body>
</html>